window.onload=function ()
{
	var oDiv1=document.getElementById('div1');
var aLi = oDiv1.children;
var oDiv2=document.getElementById('div2');
var aDd = oDiv2.children;
var timer=null;
for(i=0;i<aLi.length;i++){
	aLi[i].index=i;
	aLi[i].onmouseover=function(){
		for(var j=0;j<aDd.length;j++){
			aDd[j].style.display="none";
			aDd[j].firstChild.className="";
			aDd[j].firstChild.className="selected";
			aLi[j].style.background="none"
		}
		aDd[this.index].style.display="block";
		aLi[this.index].style.background="#FA4C4C"
	}
}
oDiv1.onmouseover=function ()
{
	clearTimeout(timer);
	oDiv2.style.display='block';
};
oDiv1.onmouseout=function ()
{
	timer=setTimeout(function (){
		oDiv2.style.display='none';
	}, 500);
};

oDiv2.onmouseover=function ()
{
	clearTimeout(timer);
};
oDiv2.onmouseout=function ()
{
	timer=setTimeout(function (){
		oDiv2.style.display='none';
		}, 500);
	};
};
